/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
h1{font-size: 34px}
h2{font-size: 30px}
h3{font-size: 26px}
h4{font-size: 20px}
h5{font-size: 18px}
h6{font-size: 14px}
p{line-height: normal;font-size: 12px;}
a{text-decoration: none;}

select{
	width: 176px;
	height: 25px;
	border-radius: 3px;
	color: #666161;
}

body{
	font-family: 'Muli', sans-serif;
}
header{
	height: 158px;
}
#wrapper{
	width: 960px;
	margin: 0 auto;
}
#logo{
	margin-top: 35px;
	margin-bottom: 25px;
	float: left;
}
#toplinks{
	float: right;
	margin-top: 35px;
}
#menu{
	background-color: #582b7b;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	height: 36px;
}
#menu ul{
	padding-top: 10px;
	padding-left: 20px;
}
#menu ul li{
	display: inline-block;
	color: #FFF; 
	padding-right: 20px;
}
#property-agents-holder{
	height: 370px;
	background-color: #cba5f4;
	padding-top: 15px;
}
#featured-properties{
	/*height: 342px;*/
	width: 633px;
	
	margin-left: 15px;
	
}
#slider{
	height: 342px;
	float: left;
}
#featured-properties img{
	width: 510px;
	height: 342px;
	border: 5px solid #FFF;
}
#agents{
	width: 280px;
	float: right;
	border-left: 1px solid #DDD;
	height: 350px;
	padding: 10px;
}
#property-search-holder{
	height: 237px;
	background-color: #8f5bd3;
	margin-top: 10px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	color: #FFF;
}
#search-form{
	width: 670px;
	float: left;
	padding: 15px;
}
#property-search-holder h4{
	height: 28px;
	border-bottom: 1px solid #DDD;
	border-bottom-style: dotted;
	margin-bottom: 15px;
}

#search-form-left{
	width: 330px;
	float: left;
}
#property-id-search{
	width: 220px;
	float: right;
	margin-top: 18px;
	padding: 0px 10px 10px 20px;
}
#latest-properties-holder{
	height: 650px;
	margin-top: 10px;
	background: url('../images/latest-propertiesbg.png')top no-repeat; 
	padding: 20px 10px 20px 15px;
}
#latest-properties-holder h4{
	border-bottom: 1px solid #DDD;
	height: 30px;
}
#latest-properties{
	float: left;
	width: 650px;
	padding-top: 0;

}
#latest-properties li{
	float: left;
	width: 650px;
	padding-top: 0;
	margin-top: 28px;
	height: 160px;
	background: #F1E5FF;
	border: 1px solid #CFB3F0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.featured{
	height: 165px;
	border-radius: 5px;
	border: 1px solid #CFB3F0;
	margin-top: 20px;
	background-color: #F1E5FF;
}
.featured-image{
	width: 180px;
	height: 125px;
	float: left;
}
.featured-image img{
	width: 180px;
	height: 125px;
	border-color: #d5e3f1;
	background: #fff;
	border: 5px solid #FFF;
}
#featured-properties ul{
	float: left;
	width: 100px;
	margin-left: 12px
}
#featured-properties ul img{
	width: 100px;
	height: 67px;
	border: none;
}
.content{
	width: 440px;
	float: right;
}
.price{
	float: right;
}
.property_detail{
	width: 185px;
	margin-bottom: 10px;
	padding-top: 8px;
	float: left;
}
#latest-news{
	width: 240px;
	float: right;
}
#news-content{
	height: 350px;
	overflow: hidden;
	overflow-y: auto;
	padding: 5px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
#bedrooms, #bathrooms{
	width: 44px;
	margin-left: 10px;
}
#location{
	margin-left: 19px;
	margin-bottom: 15px;
	margin-top: 15px;
}
#price-range{
	margin-bottom: 15px;
}
#area{
	margin-bottom: 15px;
	margin-top: 15px;
}
#keyword{
	width: 176px;
	height: 20px;
	border-radius: 3px;
	color: #666161;
	margin-left: 30px;
	margin-bottom: 15px;
}
#property-id{
	width: 176px;
	height: 20px;
	border-radius: 3px;
	color: #666161;
	margin-top: 15px;
}
#agents ul{
	margin-top: 15px;
}
#agents ul li:first-child{
	border-top: 1px solid #DAD1D1;
	padding-top: 5px;
}
#agents ul li{
	height: 50px;
	border-bottom: 1px solid #DAD1D1;
	margin-bottom: 5px;
}
#agents-detail{
	width: 180px;
	float: left;
}
#agent-pic{
	float:right;
}

#sign-up-holder{
	width: 554px;
	margin: 0 auto;
	margin-top: 40px;
	background-color: #e8f3fd;
	border-radius: 6px;
	border: 2px solid #b5d2e5;
}
#sign-up-form{
	width: 500px;
	margin: 0 auto;
	padding-top: 30px;
}

#submit-property-holder{
	width: 500px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}